<!--<div class="palm-header">preferences</div>-->
<div class="palm-group">
  <div class="palm-group-title" x-mojo-loc=''>Board Preferences</div>
  <div class="palm-list">
    <div class="palm-row first">
      <div class="palm-row-wrapper">
        <div id="DoubleOnGo" x-mojo-element="CheckBox"></div>
        <div class="title right" x-mojo-loc=''>$400 for landing on Go</div>
      </div>
    </div>      
    <div class="palm-row">
      <div class="palm-row-wrapper">
        <div id="DisableEndTurnButton" x-mojo-element="CheckBox"></div>
        <div class="title right" x-mojo-loc=''>Auto continue computers</div>
      </div>
    </div>
    <div class="palm-row">
      <div class="palm-row-wrapper">
        <div id="RentInJail" x-mojo-element="CheckBox"></div>
        <div class="title right" x-mojo-loc=''>Receive rent in Jail</div>
      </div>
    </div>
    <div class="palm-row">
      <div class="palm-row-wrapper">
        <div id="PayToFreeParking" x-mojo-element="CheckBox"></div>
        <div class="title right" x-mojo-loc=''>Taxes to Free Parking</div>
      </div>
    </div>
    <div class="palm-row">
      <div class="palm-row-wrapper">
        Trade Offer Frequency: <span id="OfferTradesText"></span>
        <div id="OfferTrades" x-mojo-element="Slider"></div>
      </div>
    </div>
    <div class="palm-row">
      <div class="palm-row-wrapper">
        <div id="ShowSteps" x-mojo-element="CheckBox"></div>
        <div class="title right" x-mojo-loc=''>Show player movement</div>
      </div>
    </div>
    <div class="palm-row"><div class="palm-row-wrapper">
        <div id="RemoveBankruptPieces" x-mojo-element="CheckBox"></div>
        <div class="title right" x-mojo-loc=''>Remove bankrupt pieces</div>
    </div></div>
    <div class="palm-row last"><div class="palm-row-wrapper">
        <div id="displayPropertyCards" x-mojo-element="CheckBox"></div>
        <div class="title right" x-mojo-loc=''>Show Property Cards</div>
    </div></div>
  </div>
</div> <!--boardprefsdiv-->
<div class="palm-group">
  <div class="palm-group-title" x-mojo-loc=''>Money Preferences</div>
  <div class="palm-list">
    <div class="palm-row first"><div class="palm-row-wrapper">
        Players start with: $<span id="StartMoneyText"></span>
        <div id="StartMoney" x-mojo-element="Slider"></div>
    </div></div>      
		<!--complex debts selector-->
    <div class="palm-row"><div class="palm-row-wrapper">
        <div id="complexDebts" x-mojo-element="CheckBox"></div>
        <div class="title right" x-mojo-loc=''>Complex Mortgages</div>
    </div></div>
		<!--standard rule prefs-->
    <div id="debtDiv" style="position:relative;height:150px;">
    <div id="standardDebtPrefs" style="position:absolute;top:0px;">
    <div class="palm-row"><div class="palm-row-wrapper">
        House Buyback Rate: %<span id="houseBuyBackRateText"></span>
        <div id="houseBuyBackRate" x-mojo-element="Slider"></div>
    </div></div>      
    <div class="palm-row"><div class="palm-row-wrapper">
        Unmortgage Penalty: %<span id="mortgageRateText"></span>
        <div id="mortgageRate" x-mojo-element="Slider"></div>
    </div></div>      
    <div class="palm-row last"><div class="palm-row-wrapper">
        Mortgage Value (% Cost): %<span id="mortgageValueText"></span>
        <div id="mortgageValue" x-mojo-element="Slider"></div>
    </div></div>      
    </div>
		<!--complex debts prefs-->
    <div id="complexDebtPrefs" style="position:absolute;top:0px;">
    <!--
    <div class="palm-row"><div class="palm-row-wrapper">
        Maxiumum Debt: $<span id="maxDebtText"></span>
        <div id="maxDebt" x-mojo-element="Slider"></div>
    </div></div>      
    -->
    <div class="palm-row"><div class="palm-row-wrapper">
        Percent Down on Loan: %<span id="moneyDownText"></span>
        <div id="moneyDown" x-mojo-element="Slider"></div>
    </div></div>      
    <div class="palm-row"><div class="palm-row-wrapper">
        Min payment per Turn: %<span id="minimumPaymentsText"></span>
        <div id="minimumPayments" x-mojo-element="Slider"></div>
    </div></div>      
    <div class="palm-row last"><div class="palm-row-wrapper">
        Interest Rate: %<span id="interestRateText"></span>
        <div id="interestRate" x-mojo-element="Slider"></div>
    </div></div>      
    </div>
    </div>
  </div>
</div>      
<div id=namesdiv>
<div class="palm-group">
  <div class="palm-group-title" x-mojo-loc=''>Players and Properties</div>
  <div class="palm-list">
    <div class="palm-row first"><div class="palm-row-wrapper">
        <div id="bankMode" x-mojo-element="CheckBox"></div>
        <div class="title right" x-mojo-loc=''>Play as the Banker</div>
    </div></div>
    <div class="palm-row"><div class="palm-row-wrapper">
        Number of players: <span id="NumPlayersText"></span>
        <div id="NumPlayers" x-mojo-element="Slider"></div>
    </div></div>      
    <div class="palm-row"><div class="palm-row-wrapper">
        <div class="helptext">Select a player to change the player name</div>
        <div id="PlayerNames" x-mojo-element="ListSelector"></div>
        <div id="PlayerNameID" x-mojo-element="TextField"></div>
        <!--<div id="PlayerTypeID" x-mojo-element="ListSelector"></div>-->
        <div id="PlayerTypeID" x-mojo-element="ToggleButton"></div>
        <div class="title left" x-mojo-loc=''>Computer Player</div>
    </div></div>      
    <div class="palm-row last"><div class="palm-row-wrapper">
        <div class="helptext">Select a property to change the property name</div>
        <div id="PropertyNames" x-mojo-element="ListSelector"></div>
        <div id="PropertyNameID" x-mojo-element="TextField"></div>
    </div></div>      
  </div>
</div>      
</div><!--namesdiv-->
<div id="ResetButton" x-mojo-element="Button"></div>
